﻿<script src="/Content/NivoSlide/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<link href="/Content/NivoSlide/nivo-slider.css" rel="stylesheet" type="text/css" />
<link href="/Content/NivoSlide/themes/default/NivoBase.css" rel="stylesheet" type="text/css" />
@model IEnumerable<RedSand.Site.Models.SlideInfo>
@if (Model != null)
{
    <div class="slider-wrapper theme-default">
        <div class="ribbon">
        </div>
        <div id="slider" class="nivoSlider" style="width: 533px">
            @foreach (var item in Model)
            {
                <img src="@RedSand.Site.GlobalClass.GetImageUrl(item.Image)" height="250px" width="512px" alt="" title="#@item.SlideID" />
            
            }
        </div>
        @foreach (var item in Model)
        {
            <div id="@item.SlideID" class="nivo-html-caption">
                <h3>@item.Title</h3>
                <div class="Description">@item.Description</div>
            </div>
        }
    </div>
}
<script type="text/javascript">
    $(window).load(function () {
        $('#slider').nivoSlider({ controlNav: false });
    });
</script>
